<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>map</h1>
    <script>
        // map: 映射

        // 1 ---- 'A'
        // 2 ---- 'B'

        // > 90 ------ 优秀
        // > 80 ------ 良好
        // > 70 ------ 一般
        // > 60 ------ 还要努力

        var numArr = [61, 79, 78, 89, 96,12];
        // 写代码，根据numArr 得到strArr
        // var strArr = ["还要努力", "一般", "一般", "良好", "优秀"];
        var strArr = numArr.map(item => {
            if(item > 90) {
                return '优秀'
            } else if(item > 80) {
                return '良好'
            }
            else if(item > 70) {
                return '一般'
            }
            else if(item > 60) {
                return '还要努力'
            } else {
                return '^0^'
            }
        })
        console.log(strArr)

        // 可以map。它的作用对数组每一项进行再次计算，把处理后结果保存在
        // 一个新数组中。

        // 格式
        // var newArr = oldArr.map((当前项，下标，数组的引用) => {
        //     // 你的处理
        //     return 新值
        // })

        // 示例  [1,2,3] ====> [2,4,6]
        var newArr = [1,2,3].map( item =>{
            console.log(item)
            return item*2
        } )
        console.log(newArr)

    </script>
</body>
</html>